<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>中心开班信息</title>
	</head>
	<style>
		div{
			margin: 0;
			padding: 0;
			background:linear-gradient(to bottom,#8ED4FB,#E3F4FE,#FFFFFF);
			width: 250px;
			border: 1px #aacbee solid;
			border-radius: 5%;
			
		}
		div ul li{
			list-style: none;
			background: url(img/dotBg.gif) left center no-repeat;
			padding-left:20px;
			color: #686870;
			line-height: 30px;
		}
		div h4{
			padding-left: 47px;	
			background: url(img/bg.gif) 8px 0px no-repeat;
			color: white;
		}
		div ul{
			padding:0px 6px;
		}
		a{
			text-decoration: none;
		}
		#c1 #nc a{
			color: black;
		}
	</style>
	<body>
		<div id="c1">
			<h4>
				中心开班信息
			</h4>
			<ul id="nc">
				<li><a href="#">8月12日：学历+技能班</a></li>
				<li><a href="#">8月16日：高考特招班</a></li>
				<li><a href="#">8月23日：Java精英班</a></li>
				<li><a href="#">8月31日：学士后强化班</a></li>
				<li><a href="#">9月5日：大学生就业班</a></li>
				<li><a href="#">9月9日：企业定向委培班</a></li>
				<li><a href="#">9月16日：网络营销强化班</a></li>		
			</ul>
		</div>
	</body>
</html>